<template>
  <!-- <dv-border-box-13 class="item item-3">
    <ScreenTopCenter />
  </dv-border-box-13> -->
  <box2 title="稼动率">
    <div class="__content" id="utilizationRate"></div>
  </box2>
</template>

<script setup lang="ts">
  import {defineProps } from 'vue';
import useData from '../useData';
import useBar from '../useBar';
import box2 from '../../compNew/box2.vue';

const props = defineProps<{
  isComp: boolean
}>()
const { production } = useData('utilizationRate', props.isComp);

useBar({
  id: 'utilizationRate',
  data: production,
  key: 'rate',
  showUnit: false
});

</script>

<style lang="scss" scoped>

.__content {
    width: 100%;
    height: 100%;
  }
</style>
